<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>hover text</span>
    </div>
    <div class="component-item">
      <mallki class-name="mallki-text" text="vue-element-admin" />
    </div>
  </el-card>
</template>

<script>
import Mallki from '@/components/TextHoverEffect/Mallki.vue'

export default {
  components: { Mallki }
}
</script>

<style scoped lang="scss">
.box-card {
  width: 400px;
  max-width: 100%;
  margin: 20px auto;
}

.component-item{
  min-height: 100px;
}
</style>
